<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>下拉菜单</title>
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/btn.css"/>
<link rel="stylesheet" type="text/css" href="css/ddmenu.css"/>

<link rel="stylesheet" type="text/css" href="css/demostyle.css">

<style>
html,body{ height:100%;}
.bl-ddmenu{ height:32px;}
</style>
</head>

<body style="background:#ddd">

<div class="demobox">
	<div class="h3">下拉菜单</div>

    <div class="bl-ddmenu" id="bl-ddmenu">
      <button class="fn-btn ddmenu-btn" type="button">我是按钮</button>
      <div class="bl-ddmenu-con">
          <ul class="inner">
            <li><a href="#" class="disabled">下拉菜单</a></li>
            <li><a href="http://www.baidu.com" target="_blank">图片列表</a></li>
            <li><a href="#">可以带缩略图等</a></li>
            <li><a href="#">下拉菜单</a></li>
          </ul>
      </div>
    </div>
    
    <div class="h3">下拉菜单</div>
    
    <div class="bl-ddmenu ddmenu2" id="bl-ddmenu2">
      <a class="fn-dib ddmenu-btn" type="button">我是按钮</a>
      <div class="bl-ddmenu-con">
          <ul class="inner">
            <li><a href="#" class="disabled">下拉菜单</a></li>
            <li><a href="http://www.baidu.com" target="_blank">图片列表</a></li>
            <li><a href="#">可以带缩略图等</a></li>
            <li><a href="#">下拉菜单</a></li>
          </ul>
      </div>
    </div>

</div>

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</body>
</html>
